.login {
  .van-nav-bar {
    background: transparent;

    .van-nav-bar__left {
      .van-icon-arrow-left {
        &::before {
          color: #FFFFFF;
        }
      }
    }
  }

  .van-form {
    background-color: transparent;

    .van-cell {
      background: transparent;

      .van-cell__title {
        span {
          color: #FFFFFF;
        }
      }

      .van-cell__value {
        .van-field__body {
          input {
            color: #FFFFFF;
          }
          input::-webkit-input-placeholder {
            /* WebKit browsers */
            color: #FFFFFF;
          }

          input:-moz-placeholder {
            /* Mozilla Firefox 4 to 18 */
            color: #FFFFFF;
          }

          input::-moz-placeholder {
            /* Mozilla Firefox 19+ */
            color: #FFFFFF;
          }

          input::-ms-input-placeholder {
            /* Internet Explorer 10+ */
            color: #FFFFFF;
          }


        }
        .van-field__error-message {
          color: #ffd01e;
        }
      }
    }
  }
}
